<template>
    <van-tabbar v-model="active" class="tab">
        <van-tabbar-item name="home" icon="home-o" replace to="/home">首页</van-tabbar-item>
        <van-tabbar-item name="detail" icon="qr" replace to="/detail">发现</van-tabbar-item>
        <van-tabbar-item name="user" icon="manager-o" replace to="/User">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
  data() {
    return {
      active: 1,
    };
  },
};
</script>

<style>
    .tab{
        position: fixed;
        bottom: 0;
    }
</style>